<template>
  <a-popover placement="bottom" destroy-tooltip-on-hide :overlay-inner-style="{ padding: '5px 0' }">
    <template #content>
      <div class="action-box">
        <slot></slot>
      </div>
    </template>
    <div style="width: 100%; text-align: center">
      <span class="action-dot pointer">···</span>
    </div>
  </a-popover>
</template>

<script setup>
/**
 * --------------------------------------------------------------------
 * Component
 * ----------------------------------------------------------------------
 * Description 未经许可不能去掉去掉boli相关版权信息
 * ----------------------------------------------------------------------
 * Author: Eric E-mail: <huaboli1314@163.com>
 * ----------------------------------------------------------------------
 */
</script>

<style lang="less" scoped>
.action-popover {
  & :deep(.ant-popover-content .ant-popover-inner) {
    padding: 0 !important;
  }
}

.action-box {
  min-width: 80px;
  text-align: center;
}

.action-dot {
  font-weight: bold;
  color: var(--current-color);
  text-align: center;
}
</style>
